@charset "utf-8";
$fontsize:64px;
@function r($px){
    @return $px/$fontsize*1rem;
}
body{
    width: 100%;
    height: 100%;
}
.xiagu{
    width: 100%;
    height: 100%;
    background: #f3f4f6;
    position: relative;
    .shanglu{
        width: 100%;
        height: r(88px);
        position: relative;
        background: #f7f7f7;
        border-bottom: 1px solid #c1c1c1;
        h1{
            text-align: center;
            font-size: r(35px);
            line-height: r(88px);
            font-weight: normal;
        }
        >div:nth-child(1){
            position: absolute;
            left: r(20px);
            font-size: 29px;
            line-height: r(88px);
            a{
                color: #999999;
            }
        }
        >div:nth-child(2){
            position: absolute;
            right: r(20px);
            font-size: 29px;
            line-height: r(88px);
            a{
                color: #999999;
                img{
                    width: r(40px);
                    height: r(38px);
                }
            }
        }
    }
    .zhonglu{
        width: 100%;
        .xuanze{
            width: 100%;
            border-bottom: 1px solid #e3e3e3;
            .xuanzebox{
                width: 90%;
                margin: 0 auto;
                font-size: 0;
                >p{
                    display: inline-block;
                    font-size: r(25px);
                    text-align: center;
                    a{
                        color:#666666;
                        display: inline-block;
                        margin-top: r(28px);
                        margin-bottom: r(28px);
                    }
                }
                .active{
                    color: #D62D31;
                    border-bottom: 3px solid #D62D31;
                }
                p:nth-child(1){
                    width: 25%;
                }
                p:nth-child(2){
                    width: 50%;
                    a{
                        width: 50%;
                        text-align: center;
                        margin-bottom: auto;
                        padding-bottom: r(28px);
                    }
                }
                p:nth-child(3){
                    width: 25%;
                }
            }
        }
    }
}